<header>
  <img src="assets/images/badge.svg" alt="ngrx-logo" title="ngrx-logo"/>
  <div class="title no-toc">NgRx</div>
  <div class="subtitle no-toc">Reactive State for Angular</div>
  <a class="cta mat-raised-button mat-accent" href="guide/store">
    Get Started
  </a>
</header>

<ngrx-mff></ngrx-mff>

<aio-announcement-bar></aio-announcement-bar>

<div class="ngrx-callout">
  <div class="ngrx-callout-description">
    <h3 class="no-toc">Manage State</h3>
    <p>
      NgRx Store provides reactive state management for
      Angular apps inspired by Redux. Unify the events in your
      application and derive state using RxJS.
    </p>
  </div>

  <ngrx-store-animation class="ngrx-callout-figure"></ngrx-store-animation>
</div>

<div class="ngrx-callout">
  <div class="ngrx-callout-description">
    <h3 class="no-toc">Isolate Side Effects</h3>
    <p>
      NgRx Effects gives you a framework for isolating side effects
      from your components by connecting observables of
      actions to your store.
    </p>
  </div>

  <ngrx-code-block code="effects"></ngrx-code-block>
</div>

<div class="ngrx-callout">
  <div class="ngrx-callout-description">
    <h3 class="no-toc">Unlock Productivity</h3>
    <p>
      NgRx Schematics helps you avoid writing common boilerplate
      and instead focus on building your application
    </p>
  </div>

  <ngrx-code-block code="schematics"></ngrx-code-block>
</div>

<div class="sponsors">
  <h3 class="no-toc">Supported by the Community and our Sponsors</h3>

  <a href="https://nrwl.io" target="_blank"><img src="assets/images/sponsors/nrwl-logo.svg" width="360" height="200" alt="Nrwl (Narwhal Technologies Inc) logo"></a>

  <a class="cta mat-raised-button mat-primary" href="https://opencollective.com/ngrx">
    Sponsor NgRx
  </a>
</div>

<div class="final-ngrx-callout">
  <div class="content">
    <h3 class="no-toc">Start building Reactive Angular applications today</h3>
    <a class="cta mat-raised-button mat-accent" href="guide/store">
      Get Started
    </a>
  </div>
</div>
